﻿@page "/textareas"
@inject IStringLocalizer<Textareas> Localizer

<h3>@Localizer["Title"]</h3>

<h4>@Localizer["SubTitle"]</h4>

<DemoBlock Title="@Localizer["BasicUsageTitle"]" Introduction="@Localizer["BasicUsageIntro"]" Name="Normal">
    <label class="form-label">@Localizer["BasicUsageLabel"]</label>
    <Textarea placeholder="@Localizer["PlaceHolder"]" rows="4"></Textarea>
</DemoBlock>

<DemoBlock Title="@Localizer["DisableTitle"]" Introduction="@Localizer["DisableIntro"]" Name="Disable">
    <label class="form-label">@Localizer["BasicUsageLabel"]</label>
    <Textarea placeholder="@Localizer["PlaceHolder"]" rows="4" IsDisabled="true"></Textarea>
</DemoBlock>

<DemoBlock Title="@Localizer["ReadonlyTitle"]" Introduction="@Localizer["ReadonlyIntro"]"  Name="Readonly">
    <label class="form-label">@Localizer["BasicUsageLabel"]</label>
    <Textarea placeholder="@Localizer["PlaceHolder"]" rows="4" readonly></Textarea>
</DemoBlock>

<DemoBlock Title="@Localizer["HeightTitle"]" Introduction="@Localizer["HeightIntro"]"  Name="Height">
    <label class="form-label">@Localizer["BasicUsageLabel"]</label>
    <Textarea placeholder="@Localizer["PlaceHolder"]" rows="4"></Textarea>
</DemoBlock>

<DemoBlock Title="@Localizer["BindWayTitle"]" Introduction="@Localizer["BindWayIntro"]"  Name="BindToWay">
    <div class="row g-3">
        <div class="col-12">
            <label class="form-label">@Localizer["BasicUsageLabel"]</label>
            <Textarea placeholder="@Localizer["PlaceHolder"]" rows="4" @bind-Value="@Text"></Textarea>
        </div>
        <div class="col-12">
            <label class="form-label">@Localizer["BindValue"]</label>
            <div class="form-control textarea-demo">@Text</div>
        </div>
    </div>
</DemoBlock>

<AttributeTable Items="@GetAttributes()" />
